<!DOCTYPE html>
<html lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<meta name="viewport"
		content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta name="format-detection" content="telephone=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/index.css">
	<title>福利币转移</title>
	<script type="text/javascript" src="js/flexible.js"></script>
</head>

<body>
	<div class="content mcz pt80" id="app">
		<!-- header -->
		<header class="dheader flex-align flex-between">
			<a href="javascript:history.back(-1);" class="dheader-back iconfont iconleft cfff"></a>
		</header>
		<!--  -->
		<div class="main">
			<img class="m1" src="./images/my/invite/yq1.png"></img>
			<div class="m2">
				<img class="" src="./images/my/invite/yq3.png"></img>
				<div class="cm">
					<div class="t1">已累计邀请</div>
					<div class="t2"> <text>{{obj.number}}</text>人</div>
					<div class="t3">获得收益<text>{{obj.money}}</text>平台币</div>
					<div class="t4" @click="openShare">立即邀请</div>
				</div>
			</div>
			<div class="t5">
				<div class="e1">活动规则</div>
				<div class="e2">{{obj.bigword}}</div>
			</div>
		</div>
		<!--  -->
		<!--  -->
	</div>
	<!--  -->
	<script src="js/jquery.min.js"></script>
	<script src="js/vue.global.js"></script>
	<script src="js/used.js"></script>
	<script>

		const { createApp, ref, reactive, onMounted } = Vue
		createApp({
			setup() {
				onMounted(() => {
					$('#app').show()
				})
				let flagpay = ref(1);
				let obj = reactive({
					number: 0,
					money: 0,
					bigword: '邀请好友在本APP充值，您可以获得充值金额1%的金额奖励。单个好友奖励100平台币封顶，邀请好友人数不限'
				})
				//
				return {
					flagpay, obj
				}
			}
		}).mount('#app')
	</script>
</body>

</html>